<template>
  <div class="app">
    <!--  -->
    <!-- <router-link to="/main">主要</router-link>
    <router-link to="/login">登录</router-link> -->
    <el-input v-model="input" class="borderNone"></el-input>
    <router-view></router-view>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
const input = ref('')
</script>

<style lang="scss" scoped>
.app {
  //直接占满视口，不考虑父元素多少宽度
  width: 100vw;
  height: 100vh;
}

.borderNone {
  :deep(.el-input__wrapper) {
    box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
    cursor: default;
    .el-input__inner {
      cursor: default !important;
    }
  }
}
</style>
